/**
 *  注册功能实现
 * 1.1 在 utils/request.js 配置 axios 请求基地址
 * 1.2 收集用户名，密码，昵称数据
 * 1.3 基于 axios 调用注册接口
 * 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
 */

document.querySelector('.register').addEventListener('click', () => {
    // 1.2 收集用户名，密码，昵称数据
    const form = document.querySelector('.login-form')
    const data = serialize(form, { hash: true, empty: true })
    console.log(data)
    // 校验参数是否合法
    if (data.username.trim() === ""){
        myAlert(false,"用户名不能为空")
        return;
    }

    if (data.userPwd.trim() === ""){
        myAlert(false,"密码不能为空")
        return;
    }

    if (data.nickName.trim() === ""){
        myAlert(false,"昵称不能为空")
        return;
    }

    if (!/^\w{5,10}$/.test(data.username)){
        myAlert(false,"用户名格式有误,必须是5,10位的字母,数字,下划线组合")
        return;
    }

    // todo 基于 axios 调用注册接口
    // axios({
    //     url: '/api/user/register',
    //     method: 'POST',
    //     data
    // }).then(result => {
    //     // 1.4 使用 Bootstrap 的 Alert 警告框反馈结果给用户
    //     myAlert(true, '登录成功')
    //     console.log(result)
    //
    //     // 登录成功后，保存 token 令牌字符串到本地，并跳转到内容列表页面
    //     localStorage.setItem('token', result.data.token)
    //     setTimeout(() => {
    //         // 延迟跳转，让 alert 警告框停留一会儿
    //         // 跳转登录页
    //         location.href = '../login/login.html'
    //     }, 1500)
    // }).catch(error => {
    //     myAlert(false, error.response.data.message)
    //     console.dir(error.response.data.message)
    // })
    location.href = '../html/login.html'
})

// 点击去登录的回调
document.querySelector('.login').addEventListener("click",()=>{
    location.href = "../html/login.html"
})